<template>
	<!-- 左右收缩组件 -->
	<div class="lzRowCol">
		<div class="left" v-if="lable" :style="{width:labelWidth,'text-align':align}">
			{{lable}}
		</div>
		<div class="right" :style="{width:inputWidth}">
			<slot></slot>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'lzRowCol',
		props: {
			align:{
				type: String,
				default: 'right'
			},
			lable: {
				type: String,
				default: ''
			},
			labelWidth: {
				type: String,
				default: '100px'
			},
			inputWidth: {
				type: String,
				default: '160px'
			},
		},
		data() {
			return {}
		},
		mounted() {},
		methods: {}
	}
</script>

<style scoped lang="scss">
	.lzRowCol{
		display: flex;align-items: center;
		.left{
			font-size: 14px;color: #606266;padding: 0 5px;font-weight:700
		}
		.right{
			width: 160px;
		}
	}
</style>
